// BottomInfo
import "@/style/page/index.scss";
import {  Col, Row, Flex } from "antd";
function BottomInfo(props) {
    const openQQ = () => {
        window.open("https://qm.qq.com/q/r4wSzcCEnu");
    };
    return (
        <div className="BottomInfo">
            <div className="BottomInfoContent">
                <div className="BottomInfoContentBox">
                    <div className="BottomInfoContentLeft">
                        <Flex
                            vertical
                            align="flex-start"
                            justify="space-between"
                        >
                            <div className="title">联系我们</div>
                            <div className="phoneNum">17615833052</div>
                            <div className="onLine" onClick={() => openQQ()}>
                                线上沟通
                            </div>
                        </Flex>
                    </div>
                    <div className="BottomInfoContentRight">
                        <div className="infoAbout">
                            <div className="infoAboutTitle">产品与服务</div>
                            <div className="infoAboutContent">
                                <Row gutter={[32, 16]}>
                                    <Col span={3}>智慧城市</Col>
                                    <Col span={3}>智慧安防</Col>
                                    <Col span={3}>智慧工厂</Col>
                                    <Col span={3}>智慧物联</Col>
                                    <Col span={3}>数字孪生</Col>
                                    <Col span={3}>智慧门店</Col>
                                    <Col span={3}>APP/小程序</Col>
                                    <Col span={3}>自助建站</Col>
                                    <Col span={3}>数据治理</Col>
                                    <Col span={3}>融合赋能</Col>
                                </Row>
                            </div>
                        </div>
                        <div className="infoAbout">
                            <div className="infoAboutTitle">电子邮件</div>
                            <div className="infoAboutContent">
                                8941000000@qq.com
                            </div>
                        </div>
                        <div className="infoAbout">
                            <div className="infoAboutTitle">联系地址</div>
                            <div className="infoAboutContent">
                                山东省济南市历下区东关街道办事处东仓小区南仓街23号商企无忧数智产业园三楼313-9
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    );
}

export default BottomInfo;
